﻿@charset "utf-8";
/* CSS Document */


.right{float:right;}
.left{float:left;}
/*禁止浏览器显示水平导航条*/
body{ overflow-x:hidden;}
.font_size16{ font-size:16px;}
.more{padding:40px 0;text-align: center;}
.more a{font-size: 20px;font-weight: 600;color: #FFEC00;background: #666666;padding: 8px 60px;border-radius: 26px;}
.more a:hover{text-decoration:none;}

body{font-family: "Microsoft YaHei" ! important;}

/*用于设置标题两侧的双横线,其中必须 span 必须与body的背景色相同，不然会出现补丁的颜色*/
.type_title{background:url(images/bg/doblue_line_bg.png) left center repeat-x; margin:30px 0px;}
.type_title span{background-color:#FFF; padding:0px 20px;font-weight:600;}
.type_title i{color:#00AEFF; font-style:normal;}

/*nav*/
/*body #top_fixed_nav { background-color:#000;}
.navbar-default .navbar-nav>li>a {color:#FFF;}
.navbar-default .navbar-nav>li>a:hover{color:#00AEFF !important;}*/

/*首页margin-top 50px*/
.indextop{ margin-top:60px;}


/*导航栏 背景和透明度*/
body #top_fixed_nav{background-color:#FFF; opacity:0.9;filter:alpha(opacity=90);}
#top_fixed_nav .navbar-brand{display:inline-block;background:url('../images/logo1.png') no-repeat;width:220px;height:50px;text-indent:-999em;}
@media screen and (min-width:768px){
#top_fixed_nav{border:0; background-color:transparent; font-weight:600;}	
}
#top_fixed_nav .navbar-brand{padding:0; padding-left:15px;}

/*#top_fixed_nav .navbar-brand img{width:50px; height:auto;}*/

/*设置banner图片width继承100%*/
#myCarousel img{width:100%;}

/*注意：此处设置的数值与banner图片的height相关，如果banner图片height发生变化，则此处也需要进行修改*/
/*此处设置的时banner左右按钮的样式*/
#myCarousel .carousel-control{font-size:180px;line-height:793px;}

/*产品中心*/
show_left_img{padding:0 5px;}
.list_left_main .show_left_img:hover{color:red;}
.show_left_img img{width:100%;height:auto; padding:10px 5%; border:1px solid #CCC;}
.show_left_img p{padding:0 7%; text-align:center;}

#product_show{ background-color:#FFF;}

.product_show img{ width:100%; height:168px; border:1px solid #CCC; padding:5px;}
@media screen and (min-width:768px){

}
@media screen and (max-width:767px) and (min-width:351px){
	.product_show{padding:0px 23%;}
	.product_show img{height:100%;}
}
@media screen and (max-width:350px){
	.product_show{padding:0px 10%;}
}
.product_show p{font-size:14px; text-align:center; padding:20px 0px;font-weight:600; color:#999;}
.product_show p a{color:#888;}
/*公司资讯*/
#company_news{ background-color:#F7F7F7;}
#company_news .type_title span{background-color:#F7F7F7;}
.img_font_circle{position:relative;}
.img_font_circle img{width:100%; height:auto; margin:-5px; border:2px solid #CCC; border-radius:50%; margin-bottom:60px;}
.img_font_circle p{font-size:13px; color:#777777; font-weight:300;}
.img_font_circle .vertical{position:absolute;top:0px; bottom:0px;left:50%;width:3px; margin-left:-2px; background-color:#F1F1F1; z-index:0;}
.img_font_circle .col-lg-3{padding-left:0px; padding-right:0px;}
.img_font_circle h3 span{color:#86D3E3;}

@media screen and (max-width:767px){
	#company_news .font_left h3{ text-align:left;}
	.img_font_circle .vertical{position:absolute;top:0px; bottom:0px;left:13%;width:3px; margin-left:-2px; background-color:#F1F1F1; z-index:-1;}
	.img_font_circle p{padding-right:30px;}
}

/*技术服务*/
#after_sale_service{ background-color:#FFF;}
#after_sale_service .page-header{margin-top:0px;}
#after_sale_service .type_title{margin-bottom:10px;}

#example .product_info{padding:0 10px; color:#777;}
@media screen and (max-width:767px){
	#example .col-xs-12{padding:10%;}
}

/*应用案例的css在img_font中*/
#example{background-color:#F7F7F7;}
#example .type_title span{background-color:#F7F7F7;}

/*关于我们*/
#about_us {background-color:#FFF;}
.about-inner{
	margin-bottom: 50px;
	padding: 0px 20px;
}
.about_div{width:100px;height:100px;border-radius: 50px;background-color:#D8D7D7;text-align: center;}
.about_div_p_icon{margin-bottom: 3px;line-height:70px;font-weight:bold; font-size:18px;}
.about_div_p_icon span{color:#74D2CD;}
.about_div_p_content{line-height: 0px;font-size:18px; font-weight:bold;}
.about_middle_img{width:100%;height:auto;}

/*联系我们*/
#contact_us{ text-align:center; margin-top:20px; color:#FFF;
background-image: url(../images/bg/contact-bg2.jpg);background-attachment: fixed;}
.contact_us_div{margin-bottom:65px;}
.contact_us_title{font-size:25px;}
.contact_us_title i{color:#00AEFF; font-style:normal;}
.content_icon{font-size:50px;}
#contact_us p span{font-size:14px; font-weight:bold;}
.contact_map{width:100%;height:auto; padding:0 30px;}
.margin_bottom{ margin-bottom:80px;}

/*foot */
.lineyellow{height:5px; background:#fdd000;}
#briefness_foot{background:#0065a9; color:#FFF;}
.juzhong{margin: 20px auto 40px auto; width:80%;}
.juzhong div{float:left; margin-right:20px;}
.juzhong img{width:100px;}
.foot_line{width:2px; height:100px; background-color:#0065a9;}
.foot_bottom{text-align:center;}
.foot_bottom img{width:100%;}
.friend_link_text a{color:#ccc; padding:0 5px;}






/*浮动的背景*/
.fixed_bg{ position:fixed;top:0;width:100%; height:100%; z-index:-1;}
.fixed_bg img{width:100%;height:100%;}



/*product*/
.product_list_page{padding-top:60px;}
/*left nav*/	
.list_left_main{padding-left:10%;}
.list_left_main a{display:block; color:#777; margin-top:8px; font-size:14px;}	
.list_left_main a span{padding-right:15px; color:#3ADECB;
	transition:all .5s;	
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
}
.list_left_main a:hover{color:#729700; text-decoration:none;}
.list_left_main a:hover span{padding-left:10px;}
/*banner*/
.inner_banner{background: url(../images/banner/xs2.png) no-repeat;
background-size:cover;
height: 360px;
max-height: 360px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
font-family: "Microsoft YaHei";}

.content_left_title h4{font-size:14px;}




/*main*/
.content_main{margin-bottom:20px;}
.content_main .page-header{margin-top:0;}
/*right main*/
.show_img_div{border:1px solid #BEC2C8; padding:3px;}
.show_img_div img{width:100%;}
.show_img_product_name{ text-align:center; font-weight:bold; margin-top:5px; color:#777;}
.img_a_hover:hover{text-decoration:none; color:#000;}

/*下面的时手机浏览页面时  会在页面的右下角产生一个浮动按钮  显示的是侧边栏的导航*/
.navbar_narrow_fixed_right_bottom{border-color: #ddd;position:fixed;right:0px;bottom:30px;z-index:5; opacity:0.8;filter:alpha(opacity=0.8);}
.navbar_narrow_fixed_right_bottom:hover{background-color: #ddd;}	    
.navbar_narrow_fixed_right_bottom .icon-bar{background-color: #888;}
.navbar_fixed_right_bottom{display:none; position:fixed;bottom:90px;right:16px; 
	background-color:transparent;border:1px solid #979797; border-bottom:0px;z-index: 5;}
.navbar_fixed_right_bottom ul{opacity:0.8;filter:alpha(opacity=0.8); background-color:#FFF;}	
.navbar_fixed_right_bottom li{border-bottom:1px solid #DDD;}
.navbar_fixed_right_bottom ul li a{padding-left:35px; background:url(../images/arrow.png) 5px center no-repeat;
	text-align:center;color:#000;filter:alpha(opacity=90);opacity:0.9;}
.navbar_fixed_right_bottom li:last-child{border-bottom:1px solid #979797;}



@media screen and (min-width:390px) and (max-width:767px){
	.content_main{padding:0 60px;}
	.show_img_product_name{padding-bottom:15px;}
}		

@media screen and (max-width:390px) and (min-width:150px){
	.content_main{padding:0 20px;}
	.show_img_product_name{padding-bottom:15px;}
}

/*content*/	
.content_img_font{padding:10px 20px;}
.content_img_font{font-size:14px;}
.content_img_font p{text-indent:2em;}
.left_img img{width:40%;float: left;border: 1px solid #ccc;padding: 3px;}
.left_img .right_font{float: left;width: 50%;margin-left:6%;}	
.left_img .content_info{margin-bottom: 5px;font-size: 12px;}	
.left_img .content_create_time{font-size: 12px;}

/*联系我们*/
.contact_left_address{padding-left:18px; float:left; height:50px; background:url(../images/icon/address.png) left top no-repeat;}						
.contact_left_phone{padding-left:18px; float:left; height:30px; background:url(../images/icon/phone.png) left top no-repeat;}						
.contact_left_email{padding-left:18px; float:left; height:20px; background:url(../images/icon/mail.png) left top no-repeat;}						


/*product_content2   模仿洒水车的产品页面*/
.breadcrumb{ background-color:transparent;}
.breadcrumb > li + li:before {content:">";}
.product_main_img{width:100%;border:2px solid #ddd; padding:5px;}
.product_small_title{ background-color:#D2D2D2; padding:5px; float:left;}
.product_small_title span{color:#D21919;}
.product_parameter{list-style:none; padding:0;margin:0;}
.product_parameter li{float:left; width:50%;height:20px; overflow:hidden;margin:10px 0;}
.product_parameter span{color:#4AA1E8;}
.product_show_assist{ cursor:pointer;}
.product_show_assist img{width:100%; border:2px solid #ddd; padding:5px;}
.product_show_assist p{color:#6c6c6c; text-align:center; margin-top:5px;}
.product_content_font{padding:0 30px;}
.product_content_font p{ text-indent:2em;}
.product_relate{margin-bottom:20px;}
.product_relate_product img{width:100%; padding:5px; border:2px solid #ddd;}
.product_relate_product{ text-align:center;}
.product_relate_title{margin:5px 0; color:#ddd;}
.product_relate_title a{color:#6c6c6c;}
.product_price_scope{color:#6c6c6c;}
.product_show_assist img:hover , .product_relate_product img:hover{ border-color:#4AA1E8;}
.product_name_div .lead{font-weight: 500;font-size: 24px;}


/*文章列表*/
.atricle_imgfont_show{padding:0 20px;}
.atricle_title{font-size:20px; font-weight:bold; color:#000; margin-bottom:8px;}
.author_createTime{color:#84878c;font-size:12px;}
.atricle_img_div{padding:5px; border:1px solid #bec2c8;}
.atricle_img{width:100%; height:auto;}
.atricle_content{margin-top:10px; text-indent:2em;}
.atrcle_readmore{float:right;padding: 9px 16px;font-size: 14px;
		text-shadow: 0 -1px 0 #93B234;color: #FFF !important;
		box-shadow: 0 1px 0 #68831C;margin-top: 0px;float: right;
		border: none !important; background:#91B133;border-radius: 5px;}
.atrcle_readmore:hover{ text-decoration:none;color: #E1FF7B !important;}
.hr_20_bottom{margin-bottom:20px;}
.list_left_main .title_decoration{    width: 80%;
    height: 100%;
    border-radius: 36px;
    background: #B3B1B1;
    text-align: center;
    color: white;
    margin: 0 auto;}
.a_center #choose a{    text-align: center;}

.about-content .page-title{font-size:18px; font-weight:bold;}
.page-header{font-size:16px;}
.page_list{text-align:right;}
.page_list a{border: 1px solid #ccc;padding: 2px 5px;margin-right: 5px;}
.page_list b{padding: 0 5px 0 0;}   

/*服务体系*/
.fuwu{padding:0 15px;}
.fuwu .fuwuimg{ text-align:center;}
.fuwuimg img{width:80%;}
/*内容页 列表*/
.listborder{ border-width:0 0 1px 0; border-style:dashed; border-color:#c1c1c1; padding-left:0; font-size:16px; margin-bottom:0;}

.aboutus p{ text-indent:2em; text-align:justify;}
.aboutus .about_title{text-indent:0;}
.aboutus img{width:95%;}
#aboutimg{ text-indent:0em; text-align:center;}
.aboutdiv{padding:0 10px;}

.navbar-brand{height:60px;}

@media screen and (max-width:1200px){
	.navbar-nav > li > a {padding-left:8px;padding-right:8px;}
}

.breadcrumb{font-weight:normal;float:left;}

#example .text-center{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



.bh{
    display: none;
    width:100%;
    background:#fff;
    margin:20px 0;
}
.bh a{
    display:block;
    float:left;
}
.bh a:nth-child(1){
    width:29%;
}
.bh a:nth-child(2){
    width:69%;
}
.bh .im1{
    width:100%;
    height:auto;
}
.bh .im2{
    width:100%;
    height:auto;
}
@media screen and (max-width:750px){
    .bh{
        display: block;
    }
}



